Порядок написание кода
Порядок для написания красового и чистого кода css для удобного редактирования.
Чистое написание кода
Правила для написания красового и чистого кода css.
Валидный CSS-код
Пишите валидный CSS-код, если это возможно.
Давайте классам и идентификаторам осмысленные названия
Используйте имена, отражающие назначение блоков и элементов.
Не назначайте стили элементам и ID, используйте классы
Не задавайте стили для имён элементов HTML или сочетаний этих имён с идентификаторами и классами.
Не ставьте единицы измерения для нулевых значений
Не указывайте единицы измерения после нулевых значений, кроме случаев, когда это важно для кроссбраузерности:
Не ставьте «ноль целых» в десятичных дробях
Не ставьте 0 перед значениями в диапазоне от -1 до 1.
Сокращайте запись шестнадцатеричных чисел
По возможности используйте трёхсимвольную шестнадцатеричную систему для указания цветовых кодов — это лаконичней.
Делайте отступ перед блочным контентом
Перед любым блочным контентом (правилами внутри правил, объявлениями) делайте отступы. Это улучшит читаемость кода.
Соблюдайте пунктуацию
После каждого объявления ставьте точку с запятой. Если что, валидатор вас поправит.
Разделяйте пробелом свойство и значение
Всегда ставьте одиночный пробел между свойством и значением, но не между свойством и двоеточием.
Ставьте пробел перед открывающей фигурной скобкой
Всегда ставьте пробел между селектором и открывающей фигурной скобкой перед блоком объявления.
Отделяйте объявления стилей
Каждое объявление стилей пишите на отдельной строке:
Разделение правила
Всегда оставляйте пустую строку (двойной переход на новую строку) между правилами.
Используйте в CSS одинарные кавычки
Значения атрибутов и свойств, в том числе в селекторах, пишите с одинарными кавычками (').
Разделяйте код на тематические разделы
Разбивайте код на разделы, в комментариях задавайте разделам осмысленные заголовки. Отделяйте разделы пустыми строками.